<template>
    <div class="registerWay">
        <div class="title">
            <span>注册</span>
        </div>
        <div class="container">
            <van-button class="user-btn" type="primary" size="large" color="#0f57d5" round>网教注册</van-button>
            <div class="bar"></div>
            <div class="way">
                <div class="explain">
                    <span>其他方式注册</span>
                </div>
                <div class="single-item">
                    <div class="item">

                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "registerWay",
        components: {
        }
    }
</script>

<style lang="scss" scoped>
    .registerWay {
        box-sizing: border-box;
        height: 100%;
        background-color: white;
        padding: 60px 40px;
        .title {
            height: 60px;
            line-height: 60px;
            padding: 20px 0;
            font-size: 28px;
            font-weight: 700;
        }
        .container {
            .user-btn {
                margin-bottom: 40px;
            }
            .bar {
                margin: 0 auto 40px;
                height: 1px;
                width: 20px;
                background-color: #a3a3a3;
            }
            .way {
                .explain {
                    font-size: 16px;
                    color: #a3a3a3;
                }
            }
        }
    }
</style>